<p style="margin-bottom: 0px">&nbsp;</p>
<nz-spin [nzSpinning]="loading">
<nz-card>
  <nz-tabset [nzTabBarExtraContent]="extraTemplete" (nzSelectChange)="change($event)">
    <nz-tab nzTitle="待处置车辆"></nz-tab>
    <nz-tab nzTitle="处置中车辆"></nz-tab>
    <nz-tab nzTitle="已处置车辆"></nz-tab>
    <nz-tab nzTitle="展期还款申请"></nz-tab>
  </nz-tabset>
  <ng-template #extraTemplete>
    <!--<nz-dropdown >-->
        <!--<button nz-button nz-dropdown>添加订单<i class="anticon anticon-down"></i></button>-->
        <!--<ul nz-menu>-->
          <!--<li nz-menu-item>-->
            <!--<a (click)="gotoAdd()"><i class="anticon anticon-plus"></i> 添加</a>-->
          <!--</li>-->

        <!--</ul>-->
    <!--</nz-dropdown>-->

  </ng-template>

  <form nz-form [nzLayout]="'inline'" class="search__form">
    <nz-row [nzGutter]="24">
      <nz-col nzLg="6">
        <nz-form-item>
          <nz-form-label nzFor="searchProvince">渠道商</nz-form-label>
          <nz-form-control>
            <nz-select [(ngModel)]="q.searchQds" name="searchQds" id="searchQds" [nzPlaceHolder]="'请选择'" [nzShowSearch]="true">
              <nz-option nzLabel="福建省" nzValue="福建省"></nz-option>
              <nz-option nzLabel="广东省" nzValue="广东省"></nz-option>
              <nz-option nzLabel="四川省" nzValue="四川省"></nz-option>
            </nz-select>
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzLg="6">
        <nz-form-item>
          <nz-form-label nzFor="searchProvince">订单类型</nz-form-label>
          <nz-form-control>
            <nz-select [(ngModel)]="q.orderType" name="orderType" id="orderType" [nzPlaceHolder]="'请选择'" [nzShowSearch]="true">
              <nz-option nzLabel="车抵贷" nzValue="车抵贷"></nz-option>
              <nz-option nzLabel="融资租赁" nzValue="融资租赁"></nz-option>
              <nz-option nzLabel="直租" nzValue="直租"></nz-option>
              <nz-option nzLabel="回租" nzValue="回租"></nz-option>
              <nz-option nzLabel="新车消费按揭" nzValue="新车消费按揭"></nz-option>
              <nz-option nzLabel="二手车消费按揭" nzValue="二手车消费按揭"></nz-option>
              <nz-option nzLabel="库存融资" nzValue="库存融资"></nz-option>
            </nz-select>
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzLg="4">
        <nz-form-item>
          <nz-form-label nzFor="searchProvince">事件统计</nz-form-label>
          <nz-form-control>
            <!--<input type="text" nz-input [(ngModel)]="sjtj" name="orderNo" readonly>-->
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzLg="4">
        <nz-form-item>
          <nz-form-label nzFor="searchProvince">订单查询</nz-form-label>
          <nz-form-control>
            <input type="text" nz-input placeholder="订单编号" [(ngModel)]="q.orderNo" name="orderNo">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzLg="4">
        <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="st.load(1, q)">{{'search' | translate}}</button>
        <button nzType="primary" nz-button type="primary" style="margin-left: 10px;">
            <i class="anticon anticon-upload"></i>
            <span>导出</span>
          </button>
      </nz-col>
    </nz-row>
  </form>
</nz-card>

<simple-table #st
    [columns]="columns"
    [data]="url"
    [ps]="ps"
    [extraParams]="q"
    [resReName]="{ total: 'total', list: 'data'}"
    [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
    toTopInChange
    [showTotal]="true"
    [showPagination]="true"
    [showSizeChanger]="true"
    [scroll]="{x:'2300px'}"
    (checkboxChange)="checkboxChange($event)"
    >
</simple-table>

</nz-spin>
